<template>
	<div class="conPpageBox">
		<div class="navbar">
			<div class="hearderBoxIcon" @click="goBack">
				<img src="../../assets/images/fanhuijiantou.png" alt="">
			</div>
			<div class="title"> {{$t('indexTitle.title230')}}</div>
			<div class="right"></div>
		</div>
		<div class="container">
			<div class="item" v-for="item in 4" :key="item">
				<div class="itemleft">
					<img src="../../assets/images/cunkuan.png" alt="" />
					<div> 存款帮助</div>
				</div>
				<img class="itemright" src="../../assets/images/right.png" alt="" />
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {}
		},
		created() {},
		mounted() {

		},
		methods: {
			goBack() {
				this.$router.go(-1)
			}
		}
	}
</script>

<style scoped>
	* {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
	}
.conPpageBox{
		height: 90vh;
		overflow-y: auto;
		overflow-x: hidden;
		padding-top: calc(constant(safe-area-inset-top) + 0px);
		padding-top: calc(env(safe-area-inset-top) + 0px);
		padding-bottom: calc(constant(safe-area-inset-bottom) + 85px);
		padding-bottom: calc(env(safe-area-inset-bottom) + 85px);
		box-sizing: border-box;
		position: fixed;
		z-index: 1;
		-webkit-overflow-scrolling: touch;
		width: 100%;
	}
	.navbar {
		background-color: #fff;
		box-shadow: inset 0 -1px 0 #ececec;
		color: #545658;
		height: 45px;
		left: 0;
		overflow: hidden;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: fixed;
		padding: 0 10px;
		top: 0;
		width: 100%;
		z-index: 99;
	}

	.hearderBoxIcon {
		flex: .25;
		line-height: 1;
	}

	.hearderBoxIcon img {
		width: 26px;
		height: 26px;
	}

	.title {
		flex: 1;
		font-size: 20px;
		line-height: 1;
		text-align: center;
	}

	.right {
		flex: .25;
	}

	.container {
		color: #545658;
		margin-top: 45px;
		background-color: #fff;
	}

	.item {
		display: flex;
		font-weight: 500;
		justify-content: space-between;
		margin: 0 15px;
		padding: 20px 0;
	}

	.container .item:not(:last-child) {
		border-bottom: 1px solid #ececec;
	}

	.itemleft {
		align-items: center;
		display: flex;
	}

	.itemleft img {
		width: 24px;
		height: 24px;
		margin-right: 10px;
	}

	.itemleft div {
		color: #545658;
	}

	.itemright {
		width: 20px;
		height: 20px;
		margin-top: 2px;
	}
</style>